<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<div class="row-fluid container" style="margin-top: 5px;">
<div style="margin-left: 5px;display: none;" id="project-title-top"><span style="font-size: 18px;">浏览服务/</span><span id="pre-name" style="margin-right: 10px;"></span>     <span id="insti-name"></span>于<span id="pre-time"></span>发起</div>
	<div class="project_detail row-fluid" id="tab-part7">
		<div class="span7 info ">
			<!-- Tab样式 -->
			<div class="tabbable" id="tabs-42466">
				<ul class="nav nav-pills">
					<li class="active"><a href="#tab-part1" data-toggle="tab"
						class="detail-tab-home-icon">服务介绍</a></li>
					<li><a href="#tab-part2" data-toggle="tab"
						class="detail-tab-comment-icon">个人成就</a></li>
				<!-- 	<li><a href="#tab-part3" data-toggle="tab"
						class="detail-tab-comment-icon t2">费用预算</a></li> -->
				</ul>
				<div class="tab-content">
					<div class="tab-pane active" id="tab-part1">
						<!-- <p>第一部分内容.</p> -->
						<div class="row-fluid">
							<div id="projectCover">
								<div class="laoding-round"></div>
							</div>
							<ul class="introduce-div">
								<table class="table">
									<tbody>
										<tr>
											<td><li class="start-project" id="shareTo">分享服务 <br>
													<i style="cursor:pointer;" class="start-project-img"></i>
											</li></td>
											<td><li class="attention-project">关注服务 <br> <i style="cursor:pointer;"
													class="attention-project-img"></i>
											</li></td>
											<td><li class="con-project">评论服务
														<br> <i class="con-project-img" style="cursor:pointer;"></i>
												</li></td>
										</tr>
									</tbody>
								</table>
							</ul>
							<ul class="introduce-ul">
								<div id="introduceProject"></div>
							</ul>
						</div>
					</div>
					<div class="tab-pane" id="tab-part2">
						<div class=" do_plan_detail" id="scheduleList">
							<div class="laoding-round"></div>
						</div>
						<!-- <div class="discuss-li1">
							<span>执行反馈</span>
						</div> -->
						<div class="feedback clearfix">
							<div id="schedule_fb_Modal" class="modal hide fade" tabindex="-1"
								role="dialog" aria-labelledby="schedule_fb_ModalLabel"
								aria-hidden="true">
							</div>
						</div>
					</div>
					<!-- 费用预算  -->
					<!-- <div class="tab-pane " id="tab-part3">
						<div class=" do_plan_detail">
							<div id="budgetList">
								<div class="laoding-round"></div>
							</div>
						</div>
						<div class="discuss-li1">
							<span>预算反馈</span>
						</div>
					</div> -->
				</div>
			</div>
		</div>
		<div class="span5 info detail-right">
			<!-- <div name="projectInfo" class="project-info" id="projectInfor">

			</div> -->

			<div class="user-info" name="userInfo">
				<div id="projectStartOrg"></div>
			</div>
			<div class="product_list addradius">
				<span style="margin-left:10px;">商品：</span>
				<div id="productsList"></div>
			</div>
			<!-- <div class="addradius">
			<h4 style="margin-left:10px;">关于付款与退款</h4>
			<div class="about-pay" name="about-pay" id="about-pay"></div>
		</div> -->
		</div>
	</div>
</div>
<a href="#top" class="back_to_top" style="display: none;"></a>
<!-- 服务筹资详情 -->
<script type="text/html" id="projectInfor-template">
				<span class="info-title"> 目标￥<$=project.fundTarget$>/已达 <br> <em>￥<$=project.fundCurrent$></em>
				</span> 
				<span class="info-right"> 
					<span class="info-img-financing"></span>
					<br><br> 
					<span class="loca"><i class="address"></i><$=project.cityRegion.name$></span>
				</span>
				<div class="progress" id="projectInforBar">
					<div class="bar" ></div>
					<span class="">50%</span>
				</div>
				<div class="row-fluid">
					<div class="span4 text-center" style="margin-left:10px;">
						<$if(project.supportCount==0){$><$=project.supportCount$><br>暂无支持<$}else{$><$=project.supportCount$><br>支持人数<$}$>
					</div>
					<div class="span4 center-day text-center">
						<$=project.viewCount$><br>浏览人数
					</div>
				</div>
</script>
<script type="text/html" id="projectStartOrg-template">
				<span class="info-title">服务发起人</span>
				<div class="media" style="clear:both;margin-top: 15px;">
					<a class="pull-left"><img src="<$=project.institution.user.avatarUrl$>/75x75" class="media-object info-head-img" alt='' style="cursor:pointer;"/></a>
					<div class="media-body">
						<h5 class="media-heading"><i class="institution-icon" ></i><$=project.institution.name$></h5>
						<a>支持的服务(<$=project.institution.supportNum$>)</a> <a>发起的服务(<$=startNum$>)</a>
					</div>
				</div>
</script>
				<!-- <span class="target">目标必须在<b><$=endDate$></b>前，达到￥<b><$=project.fundTarget$></b>的目标才可成功
				</span> -->

<script type="text/html" id="projectCover-template">

<img src="<$=project.photoUrl$>/500x500/" alt="" width="100%" />
</script>
<!-- 商品信息  <em>(共<$=result[i].ammount$>个&nbsp;&nbsp;，还剩<$=result[i].remaining$>个)</em>-->
<script type="text/html" id="productsList-template">
<$for(var i = 0;i<result.length;i++){$>
<div style="border:1px dashed #dddddd"></div>
<div	 class="support" id="product<$=result[i].id$>">
				<strong class="sup-title"><$=result[i].name$></strong>
				<div class="media">
					<a href="#" class="pull-left"><img src="<$=result[i].photoUrl$>/205x250/"
						class="media-object info-head-img" alt='' /></a>
					<div>
						<span><$=result[i].description$></span> 
					</div>
				</div>
				<span class="price">价值￥<b class=""><$=result[i].price$></b></span>
				<a data-toggle="tab" class="sup-btn btn-r" style="cursor:pointer;" data="<$=result[i].id$>">购买
				<input type="hidden" name="fundCode" value="<$=result[i].code$>" class="fundCode">
				<input type="hidden" name="status" value=""  class="proStatus">
				<a data-toggle="tab" class="gvgift-btn btn-r" style="cursor:pointer;" data="<$=result[i].id$>">送礼
				<input type="hidden" name="fundCode" value="<$=result[i].code$>" class="fundCode">
				<input type="hidden" name="status" value=""  class="proStatus">
</a>
</div>
<$}$>
</script>
<!-- 执行计划list -->
<script type="text/html" id="scheduleList-template">

<$for(var i = 0;i<schedule.length;i++){$>
<$ sd=schedule[0].startDate.substring(0,10)
	nd=schedule[0].endDate.substring(0,10)
$>
<div class="message_list do_list">
								<div class="check_time">
									<i><$=i+1$></i>
									<$if(sd==nd){$>
										<$=sd$>
									<$}else{$>
										<$=sd$><br>~<$=nd$>
									<$}$>
								</div>
								<div class="media">
									<i class="time_icon"></i>
									<div class="media-body">
										<h5 class="media-heading">成就  <$=i+1$>:</h5>
										<span>
											<$=schedule[i].content$>
										</span>
									</div>
								</div>
							</div>
<$}$>
</script>



<!-- 费用预算 -->
<script type="text/html" id="budgetList-template">
<$for(var i = 0;i<budget.length;i++){$>
<$ sd=budget[0].startDate.substring(5,10)
	nd=budget[0].endDate.substring(5,10)
$>
<div class="message_list do_list">
								<div class="check_time">
									<i><$=budget[i].stage$></i>
									<$if(sd==nd){$>
										<$=sd$>
									<$}else{$>
										<$=sd$>~<$=nd$>
									<$}$>
								</div>
								<div class="media">
									<div class="container-fluid">
										<div class="row-fluid">
											<div class="span12">
												<table class="table table-hover table-condensed">
													<thead>
														<tr>
															<th class="predict_title">分类</th>
															<th>人力费用</th>
															<th>服务费用</th>
															<th>行政费用</th>
															<th>其他</th>
														</tr>
													</thead>
													<tbody>
														<tr class="budget_tr">
															<td>费用</td>
															<td><$=budget[i].laborCosts$></td>
															<td><$=budget[i].programCosts$></td>
															<td><$=budget[i].adminCosts$></td>
															<td><$=budget[i].otherCosts$></td>
														</tr>
														<tr class="">
															<td class="predict_title">备注</td>
															<td colspan="4"><$=budget[i].remark$></td>
														</tr>
														<tr class="">
															<td class="predict_title">总算</td>
															<td colspan="4"><$=budget[i].laborCosts + budget[i].programCosts + budget[i].adminCosts + budget[i].otherCosts$></td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
									</div>
								</div>
							</div>
<$}$>
</script>
<!-- 预览服务 -->
<script type="text/html" id="preShow-template">
					<div class="thumbnail thumbnail_prepic" id="preImg">
					<a href="${ctx }/project/detail?id=<$= project.id $>"><img alt="500x500"
							style="width: 100%; height: 200px;"
							src="<$=project.photoUrl$>/231x200/"></a>
					</div>
					<div class="caption">
						<ul class="project-one">
							<li class="project-title"><b><$=project.name$></b></li>
							<li class="project-function"><a href="#"><i
									class="address"></i><$=project.cityRegion.name$></a> <a class="persent" href="#"> </a></li>
							<li class="project-stats">
								<div class="project-jindu">
									<div class="projectpledged"></div>
								</div>
								<div class="projectstats">
									<p class="widtha">
										<strong> <$=project.attentionCount$></strong> 关注
									</p>
									<p class="widthb">
										<strong><b>￥</b> <$=project.fundCurrent$> </strong> 筹资
									</p>
									<p class="widthc">
										<strong> 没有接口吧<b>天</b>
										</strong> 剩余时间
									</p>
								</div>
							</li>
						</ul>
					</div>
</script>
<script type="text/html" id="introduceProject-template">
<li><h4>服务详情</h4></li>
<li>
	<$==project.activityBackground$>
</li>

<li><h4>如何联系我？</h4></li>
	电话：<$=project.userPhone$><br />
	邮箱：<$=project.institution.applicantEmail$> <br />
	<!--公司：<$=project.institution.name$> <br />-->
</li>
</script>
<!-- 关于支付 -->
<script type="text/html" id="about-pay-template">
	<span>此梦想必须在<b><$=endDate$></b>之前，达到￥<b><$=project.fundTarget$></b>的目标才算成功，
			否则一经预购支持的订单将取消。订单取消时，您一经支付的金额将退至您的YAMI宝余额中。</span>
</script>
<c:if test="${env == 'production' }">
<script type="text/javascript">
	seajs.use("${ctx}/assets/js-dist/project/preview-page");
	seajs.use("${ctx}/assets/js-dist/util/share");
</script>
</c:if>
<c:if test="${env != 'production' }">
<script type="text/javascript">
	seajs.use("${ctx}/assets/js/project/preview-page");
	seajs.use("${ctx}/assets/js/util/share");
</script>
</c:if>

